<!DOCTYPE html>
<html>
	{include file="public/header" /}
	<style type="text/css">
		.diyinput {
			height: 38px;
			line-height: 1.3;
			line-height: 38px;
			border-width: 1px;
			border-style: solid;
			background-color: #fff;
			border-radius: 2px;
			border-color: #f1eeee;
		}
	</style>

	<body>
		<div class="layui-fluid">
			<div class="layui-card">
				<div class="layui-form layui-card-header layuiadmin-card-header-auto">
					<div class="layui-form-item">
					         {include file="public/sorch" /}
					         {include file="public/type" /}
						     {include file="public/pay" /}
						
						<div class="layui-inline">
							<button class="layui-btn layuiadmin-btn-useradmin" lay-submit lay-filter="LAY-user-front-search">
                          <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
                         </button>
						</div>
					</div>
				</div>
				<div class="layui-card-body">
					<table id="LAY-user-manage" lay-filter="LAY-user-manage"></table>
					<script type="text/html" id="imgTpl">
						<img style="display: inline-block; width: 50%; height: 100%;" src={ { d.avatar }}>
					</script>
					<script type="text/html" id="table-useradmin-webuser">
					</script>
				</div>
			</div>
		</div>

		{include file="public/footer" /}
		<script>
			layui.use(['index', 'table', 'laydate'], function() {
				var $ = layui.$,
					form = layui.form,
					table = layui.table,
					laydate = layui.laydate;

				laydate.render({
					elem: '#time1' //指定元素
				});
				laydate.render({
					elem: '#time2' //指定元素
				});
				table.render({
					elem: '#LAY-user-manage',
					even: true, //开启隔行背景
					url: "{:url('admin/zhifu/get_list')}?songsong=1",
					toolbar: '#test-table-toolbar-toolbarDemo',
					title: '用户数据表',
					height: 'full-300', //最大高度
					cols: [
						[{
								type: 'checkbox',
								fixed: 'left'
							},
							{
								type: 'numbers',
								title: '排序',
								width: 40,
								fixed: 'left',
								unresize: true,
							},
							{
								field: 'TrueName',
								title: '真实姓名',
								width: 100,
							},
							{
								field: 'Mobile',
								title: '手机号码',
								width: 130,
							},
							{
								field: 'TgadminID',
								title: '渠道名称',
								width: 90,
							},
							
							
							{
								field: 'ApplyMoney',
								title: '借款金额',
								width: 100,
							},
							{
								field: 'AdoptMoney',
								title: '到账金额',
								width: 100,
							},
							{
								field: 'YyFkTime',
								title: '应还日期',
								width: 110,
							},
							//							{
							//								field: 'moneysheng',
							//								title: '应还金额',
							//								width: 100,
							//							},
							//							
							//							{
							//								field: '',
							//								title: '目前应还',
							//								width: 100,
							//							},

							{
								field: 'OrderAmount',
								title: '支付金额',
								width: 100,
							},

							{
								field: 'CreateTime',
								title: '还款时间',
								width: 160,
							},
//							{
//								field: '',
//								title: '逾期费减免',
//								width: 100,
//							},
//							{
//								field: '',
//								title: '应还减免',
//								width: 100,
//							},

							{
								field: 'Type',
								title: '还款类型',
								width: 100,
							},
							{
								field: 'pay',
								title: '还款方式',
								width: 100,
							},
							{
								field: 'caozuorenID',
								title: '操作客服',
								width: 100,
							},
							{
								field: 'TradeNo',
								title: '还款流水',
								width: 200,
							},
							{
								field: 'OrderSn',
								title: '订单编号',
								width: 180,
							},
						]

					],
					page: true
				});

				//监听工具条
				table.on('tool(LAY-user-manage)', function(obj) {});
				//监听搜索
				form.on('submit(LAY-user-front-search)', function(data) {
					var field = data.field;

					//执行重载
					table.reload('LAY-user-manage', {
						where: field
					});
				});

				$('.layui-btn.layuiadmin-btn-useradmin').on('click', function() {
					var type = $(this).data('type');
					active[type] ? active[type].call(this) : '';
				});
			});
		</script>
	</body>

</html>